@import './common.styl'

boxShadow = 0px 0px 5px 5px #ecf1fa

borderRadius = 5px
fontColor2 = #F53930

borderColor = #DADEE8
bgColor = #1966FF
*
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box
table
    width:100%
address, caption, cite, code, dfn, th, var, em, i
    font-style: normal
    font-weight: normal
    
.coupon
    background: #fff
    box-shadow: boxShadow
    border-radius:borderRadius
.coupontitle
    line-height:90px
    height:90px
    border-bottom:2px solid #DADEE8;
    padding:0 20px
    span
        display:block
        color:#808080
        width:128px
        font-size:20px
        position: relative
        text-align:center
        float:left
    .active
        color:#1966FF
        font-weight: 800
        &:after
            content:''
            display:block
            width:128px
            height:0
            border-bottom:3px solid #1966FF
            position:absolute
            left:0
            bottom:0
.couponbox
    overflow:hidden
    background:#fff
    li 
        float:left
        width:227px
        box-shadow:0px 3px 3px 3px #f2f2f2
        margin:12px
        border-radius:8px
        a 
            display:block
            width:140px
            height:40px
            line-height:40px
            text-align:center
            color:#fff
            font-size:16px
            margin:16px auto
            background:red
            border-radius:20px
        .couponbtm
            padding:20px
            p 
                font-size:18px 
                color:#333
                line-height:36px
            span
                display:block
                line-height:24px
                color:#808080
                font-size:14px
        .coupontop
            height:160px
            width:100%
            color:#fff
            overflow:hidden
            p   
                text-align:center
                margin-top:10px
                font-weight:800
            span
                font-size:12px
                display:inline-block
                color:#fff
            .btn
                display:block
                width:138px
                height:28px
                border:1px solid #fff
                border-radius:14px
                line-height:26px
                text-align:center
                font-size:15px
                margin:0 auto
            i
                font-size:71px
                display:inline-block
    .erjian
        background:url('../img/youhui3.png') no-repeat center top
        a
            background:#1966FF
    .jiankang
        background:url('../img/youhui1.png') no-repeat center top
        a
            background:#4FC277
    .xiaofang
        background:url('../img/youhui2.png') no-repeat center top
        a
            background:#E93C67
    